<template>
	<div>
		<ul class="mui-table-view">
					<li v-for="item in list" class="mui-table-view-cell mui-media">
 				          <router-link v-bind='{to:"/news/newsinfo/"+item.id}'>
 				              <img class="mui-media-object mui-pull-left" :src="item.img_url">
 				              <div class="mui-media-body">
 				                  {{item.title}}
 				                  <p class='mui-ellipsis'>{{item.zhaiyao}}</p>
 				                  <div class="ft">
 				                      <span>发表时间:{{item.add_time | datafmat('YYYY-MM-DD HH:mm:ss')}}</span>
 				                      <span class="click">点击数:{{item.click}}</span>
 				                  </div>
 				              </div>
 				          </router-link>
 				      </li>
        </ul>
		
	</div>
</template>

<script>

	export default{
		data(){
			return {
					list: []
				}
		},
		created(){
			this.getlist()
		},
		methods:{

			getlist(){
				this.$http.get('http://www.lovegf.cn:8899/api/getnewslist').then(function(response){
						if(response.body.status !=0 ){
							this.$toast(response.body.message);
							return
						}
						this.$toast("ckckmmsdkda")
						this.list=response.body.message
				})
			}
		}
	}
</script>

<style scoped>
	.mui-table-view img{
        width: 80px;
        height: 80px;
    }

    .mui-table-view .mui-media-object{
        max-width: 80px;
        line-height: 80px;
    }

    .ft{
        margin-top: 1.5em;
        font-size: 14px;
        color: #0094ff;
    }

    .ft .click{
        margin-left: 20px;
    }
</style>